<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<!--内容开始 -->
    <div class="container-fluid">
    <div class="row">
        <div class="col-md-12">
        </div>
    </div>
    <div class="row">
        <div class="col-md-8">
            <div class="carousel slide" id="carousel-896570">
                <ol class="carousel-indicators">
                    <li class="active" data-slide-to="0" data-target="#carousel-896570">
                    </li>
                    <li data-slide-to="1" data-target="#carousel-896570">
                    </li>
                    <li data-slide-to="2" data-target="#carousel-896570">
                    </li>
                </ol>
                <div class="carousel-inner">
                    <div class="item active">
                        <img alt="旋转木马第一" src="http://lorempixel.com/output/sports-q-c-1600-500-1.jpg">
                        <div class="carousel-caption">
                            <h4>
                                第一个缩略图标签
                            </h4>
                            <p>
                                评级机构胡斯托·奥迪奥在，egestas eget华富嘉洛。dapibus交流facilisis Donec ID ELIT非MI PORTA孕妇在eget metus。Nullam ID悲ID NIBH ultricies vehicula的ID ELIT。
                            </p>
                        </div>
                    </div>
                    <div class="item">
                        <img alt="旋转木马第二" src="http://lorempixel.com/output/sports-q-c-1600-500-2.jpg">
                        <div class="carousel-caption">
                            <h4>
                                第二缩略图标签
                            </h4>
                            <p>
                                评级机构胡斯托·奥迪奥在，egestas eget华富嘉洛。dapibus交流facilisis Donec ID ELIT非MI PORTA孕妇在eget metus。Nullam ID悲ID NIBH ultricies vehicula的ID ELIT。
                            </p>
                        </div>
                    </div>
                    <div class="item">
                        <img alt="旋转木马" src="http://lorempixel.com/output/sports-q-c-1600-500-3.jpg">
                        <div class="carousel-caption">
                            <h4>
                                第三个缩略图标签
                            </h4>
                            <p>
                                评级机构胡斯托·奥迪奥在，egestas eget华富嘉洛。dapibus交流facilisis Donec ID ELIT非MI PORTA孕妇在eget metus。Nullam ID悲ID NIBH ultricies vehicula的ID ELIT。
                            </p>
                        </div>
                    </div>
                </div> <a class="left carousel-control" href="#carousel-896570" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a> <a class="right carousel-control" href="#carousel-896570" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
            </div>
        </div>

        <!-- 轮播结束-->
        <div class="col-md-4">
            <div class="panel-group" id="panel-930611">
                <div class="panel panel-default">
                    <div class="panel-heading">
                         <a class="panel-title" data-toggle="collapse" data-parent="#panel-930611" href="#panel-element-923411">可折叠组项目＃1</a>
                    </div>
                    <div id="panel-element-923411" class="panel-collapse collapse in">
                        <div class="panel-body">
                            Anim pariatur cliche ...
                        </div>
                    </div>
                </div>
                <div class="panel panel-default">
                    <div class="panel-heading">
                         <a class="panel-title" data-toggle="collapse" data-parent="#panel-930611" href="#panel-element-549658">可折叠组项＃2</a>
                    </div>
                    <div id="panel-element-549658" class="panel-collapse collapse">
                        <div class="panel-body">
                            Anim pariatur cliche ...
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>


        <!-- 折叠项目结束-->
    <div class="row">
        <div class="col-md-12">
            <div class="row">
                <div class="col-md-4">
                    <div class="thumbnail">
                        <img alt="引导缩略图首先" src="http://lorempixel.com/output/people-q-c-600-200-1.jpg">
                        <div class="caption">
                            <h3>
                                缩略图标签
                            </h3>
                            <p>
                                评级机构胡斯托·奥迪奥在，egestas eget华富嘉洛。dapibus交流facilisis Donec ID ELIT非MI PORTA孕妇在eget metus。Nullam ID悲ID NIBH ultricies vehicula的ID ELIT。
                            </p>
                            <p>
                                <a class="btn btn-primary" href="#">动作</a> <a class="btn" href="#">动作</a>
                            </p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="thumbnail">
                        <img alt="Bootstrap缩略图第二" src="http://lorempixel.com/output/city-q-c-600-200-1.jpg">
                        <div class="caption">
                            <h3>
                                缩略图标签
                            </h3>
                            <p>
                                评级机构胡斯托·奥迪奥在，egestas eget华富嘉洛。dapibus交流facilisis Donec ID ELIT非MI PORTA孕妇在eget metus。Nullam ID悲ID NIBH ultricies vehicula的ID ELIT。
                            </p>
                            <p>
                                <a class="btn btn-primary" href="#">动作</a> <a class="btn" href="#">动作</a>
                            </p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="thumbnail">
                        <img alt="引导缩略图" src="http://lorempixel.com/output/sports-q-c-600-200-1.jpg">
                        <div class="caption">
                            <h3>
                                缩略图标签
                            </h3>
                            <p>
                                评级机构胡斯托·奥迪奥在，egestas eget华富嘉洛。dapibus交流facilisis Donec ID ELIT非MI PORTA孕妇在eget metus。Nullam ID悲ID NIBH ultricies vehicula的ID ELIT。
                            </p>
                            <p>
                                <a class="btn btn-primary" href="#">动作</a> <a class="btn" href="#">动作</a>
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>


        <!-- 虽略图结束-->
    <div class="row">
        <div class="col-md-12">
            <div class="row">
                <div class="col-md-4">
                    <div class="thumbnail">
                        <img alt="引导缩略图首先" src="http://lorempixel.com/output/people-q-c-600-200-1.jpg">
                        <div class="caption">
                            <h3>
                                缩略图标签
                            </h3>
                            <p>
                                评级机构胡斯托·奥迪奥在，egestas eget华富嘉洛。dapibus交流facilisis Donec ID ELIT非MI PORTA孕妇在eget metus。Nullam ID悲ID NIBH ultricies vehicula的ID ELIT。
                            </p>
                            <p>
                                <a class="btn btn-primary" href="#">动作</a> <a class="btn" href="#">动作</a>
                            </p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="thumbnail">
                        <img alt="Bootstrap缩略图第二" src="http://lorempixel.com/output/city-q-c-600-200-1.jpg">
                        <div class="caption">
                            <h3>
                                缩略图标签
                            </h3>
                            <p>
                                评级机构胡斯托·奥迪奥在，egestas eget华富嘉洛。dapibus交流facilisis Donec ID ELIT非MI PORTA孕妇在eget metus。Nullam ID悲ID NIBH ultricies vehicula的ID ELIT。
                            </p>
                            <p>
                                <a class="btn btn-primary" href="#">动作</a> <a class="btn" href="#">动作</a>
                            </p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="thumbnail">
                        <img alt="引导缩略图" src="http://lorempixel.com/output/sports-q-c-600-200-1.jpg">
                        <div class="caption">
                            <h3>
                                缩略图标签
                            </h3>
                            <p>
                                评级机构胡斯托·奥迪奥在，egestas eget华富嘉洛。dapibus交流facilisis Donec ID ELIT非MI PORTA孕妇在eget metus。Nullam ID悲ID NIBH ultricies vehicula的ID ELIT。
                            </p>
                            <p>
                                <a class="btn btn-primary" href="#">动作</a> <a class="btn" href="#">动作</a>
                            </p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <div class="page-header">
                        <center>
                            <h2>
                            author by davidway
                            </h2>
                        </center>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>